<script>

	$(document).ready(function() {
		init();
        var canvas = document.getElementById('homeCanvas'),
                ctx = canvas.getContext('2d');
		
        // resize the canvas to fill browser window dynamically
        window.addEventListener('resize', resizeCanvas, false);
   		
        function resizeCanvas() {
                canvas.width = window.innerWidth;
                canvas.height = window.innerHeight;
                
                /**
                 * Your drawings need to be inside this function otherwise they will be reset when 
                 * you resize the browser window and the canvas goes will be cleared.
                 */
               // fish();
        }
        resizeCanvas();

     
       
      
		
/*
		function fish() {
      	  var
      	    img = new Image,
      	    ctx = document.getElementById('homeCanvas').getContext('2d');

      	  img.src = '<?//base_url()?>resources/frontpage/imgs/fishes/f1.png';
      	  img.addEventListener('load', function () {

      	    var interval = setInterval(function() {
      	      var x = canvas.width-200, y = 0;

      	      return function () {
      	        ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
      	        ctx.drawImage(img, x, y);

      	        x -= 1;
      	       
      	      };
      	    }(), 1000/40);
      	  }, false);
      	}   
      */

      
});
	

</script>
<div class="content-wrapper container-fluid">

<div class="bg"></div>
	<div class="home_logo "><img src="<?=base_url()?>resources/frontpage/imgs/logo.png"  alt="logo" width="150"></div>
	<div class="nav_home"><ul class="nav navbar-nav navbar">
          
            <li><a href="#" onclick="goToPage('menu')">La Carte</a></li>
            <li><a href="#" onclick="goToPage('main')">Palais Panquet</a></li>
            <li><a href="#" onclick="goToPage('reservation')">Réservation</a></li>
            <li><a href="#" onclick="goToPage('contact')">Contact</a></li>
          </ul></div>
<canvas id="homeCanvas" width="1200" height="900">
	
</div>

</body>
  
</html>